<template>
  <view class="helpText">
    <mineNavbar :styleData="styleData" style="margin-bottom: 45rpx" />
    <view class="exchangeList">
      <view class="bottom">
        <view class="desc1">
          <rich-text :nodes="helpInfo.content"></rich-text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import { agreement } from "@/api/pages/mine.js";

export default {
  components: {},
  data() {
    return {
      styleData: {
        show: true,
        tabbarText: "帮助文档",
      },
      helpInfo: {},
    };
  },
  computed: {},
  // 监控data中的数据变化
  watch: {},
  onLoad(options) {
    this.agreementFun();
  },
  onShow() {},
  onReady() {},
  mouted() {},
  methods: {
    agreementFun() {
      agreement(3).then((res) => {
        this.helpInfo = res.data;
      });
    },
  },
};
</script>

<style lang="scss">
.helpText {
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
  padding: 32rpx 24rpx 0;
  box-sizing: border-box;

  .exchangeList {
    margin-bottom: 60rpx;

    .top {
      display: flex;

      image {
        width: 54rpx;
        height: 48rpx;
        margin-right: 12rpx;
      }

      .desc {
        font-family: PingFangSC-Medium;
        font-weight: 500;
        font-size: 32rpx;
        color: #000000e0;
        letter-spacing: 0;
      }

      margin-bottom: 20rpx;
    }

    .bottom {
      display: flex;

      image {
        width: 54rpx;
        height: 48rpx;
        margin-right: 12rpx;
      }

      .desc1 {
        width: 636rpx;

        font-family: PingFangSC-Regular;
        font-weight: 400;
        font-size: 28rpx;
        color: #000000a3;
        letter-spacing: 0;
        text-align: justify;
        line-height: 40rpx;
      }
    }
  }
}
</style>
